<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-19 10:03:59
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-08-06 14:12:28
-->


<template>
<div>
  <div class="footer1">
    
    <ul class="footer_menu">
        <li class="footer_item">关于我们
          <ul class="footer_a">
              <li>总台之声
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  CCTV广告中心</li>
              <li>&nbsp;</li>
              <li>关于CCTV.com 
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                
                象舞广告</li>
              <li>&nbsp;</li>
              <li>网站声明</li>
          </ul>
        </li>
        <li class="footer_item">业务概况
            <ul class="footer_a">
                <li>央视网 
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    互联网电视</li>
                <li>&nbsp;</li>
                <li>央视影音 
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;
                    手机电视</li>
                <li>&nbsp;</li>
                <li>移动传媒</li>
            </ul>
        </li>
        <li class="footer_item">更多链接
            <ul class="footer_a">
                <li>网上有害信息举报专区</li>
                <li>&nbsp;</li>
                <li>谣言曝光台
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    法律顾问</li>
                <li>&nbsp;</li>
                <li>友情链接 
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    人才招聘</li>
            </ul>
        </li>
        <li class="footer_item">
       <table class="footer_tab">
           <tr>
               <td><img src="http://39.103.234.63/images/央视影音.png" alt=""></td>
               <td>央视<br>影音</td>
               <!-- <td>&nbsp;&nbsp;&nbsp;</td> -->
               <td><img src="http://39.103.234.63/images/央视新闻.png" alt=""></td>
               <td>央视<br>新闻</td>
               <!-- <td>&nbsp;&nbsp;&nbsp;</td> -->
               <td><img src="http://39.103.234.63/images/央视财经.png" alt=""></td>
               <td>央视<br>财经</td>
               <!-- <td>&nbsp;&nbsp;&nbsp;</td> -->
               <td><img src="http://39.103.234.63/images/熊猫频道.png" alt=""></td>
               <td>熊猫<br>频道</td>
               
           </tr>
           <tr><td>&nbsp;</td></tr>
           <tr><td>&nbsp;</td></tr>
           <tr><td>&nbsp;</td></tr>
           <!-- <tr><td>&nbsp;</td></tr> -->
           <tr>
              <td colspan="8" ><input type="text" style="height: 40px;width: 300px;background: #272727;border: 0;"></td>
           </tr>
       </table>
        </li>
        
    </ul>
</div>

<div class="footer">
    <table class="table" border="0">
        <tr>
        <td style="size: 2;"><a href="#" style="color: #cacaca">违法和不良信息举报电话:010-88047123</a> </td>
        <td><a href="" style="color: #cacaca;">京ICP证060535号</a> 
            <img src="http://39.103.234.63/images/footer3.png" style="position: absolute; top: 3px; left: 368px; height: 18px; width: 18px;"> </td>
        <td><a href="" style="color: #cacaca;">
            京公网安备 11000002000018号</a></td><td><a href="" style="color: #cacaca;">京网文[2014]0383-083号</a> </td>
</tr>
<td></td>

<tr>
   <td><a href="" style="color: #cacaca;">网上传播视听节目许可证号</a>  </td> <td> <a href="" style="color: #cacaca;">0102002 新出网证（京）字098号</a> </td>
</tr>
    </table>
    <table class="table1">
       <tr>
           <td style="position: absolute; right: 100px;top: 3.5px;"><img src="http://39.103.234.63/images/footer1.jpg" alt=""></td>
           <td><img src="http://39.103.234.63/images/footer2.jpg" alt=""></td>
           <td>网络110<br>报警服务</td>
       </tr>
       <tr>
           <td>中央广播电视台</td>
           <td>央视网</td>
           <td>版权所有</td>
       </tr>
    </table>
</div>
</div>
</template>
<style scoped>
html{
overflow-x: hidden;
}
body {
  margin: 0 0 0 0;
  width: 100%;
  
}
a {
  color: #333;
  text-decoration: none;
  display: block;
}

.header_white {
  margin-top: 0;
  padding: 0, 0;
  height: 40px;
  background: #fff;
  margin-left: 160px;
  width: 100%;
}
ul,
p {
  position: absolute;
  margin: 0;
  padding: 0;
  float: none;
}
.header_white .menu .menu_item {
  margin-right: 10px;
  float: left;
  list-style: none;
  text-align: center;
  margin: 10px;
  position: right;
}
.header_white .menu > .menu_item:hover .sub_menu {
  display: block;
  text-align: left;
  margin: 5px;
  z-index: 999;
  position: absolute;
  border-radius: 5px;
}
.header_white .menu .sub_menu {
  display: none;
  list-style: none;
  width: 180px;
  background: #fff;
}
.header_black {
  background: #333333;
  height: 65px;
}
.header_black .logo {
  position: absolute;
  background: #bf0614;
  width: 179px;
  height: 76px;
  z-index: 10;
  margin-left: 150px;
}
.header_black .hb .hb_item {
  margin-right: 10px;
  float: left;
  list-style: none;
  text-align: center;
}
.header_black .menu > .menu_item:hover .sub_menu {
  display: block;
  text-align: left;
  margin: 5px;
  border-radius: 5px;
}
.header_black .menu .sub_menu {
  display: none;
  list-style: none;
  width: 180px;
  background: #fff;
}
.header_black .menu {
  margin-left: 350px;
  top: 52px;
  color: #fff;
}
.header_black .menu .menu_item {
  margin-right: 100px;
  float: left;
  list-style: none;
  text-align: center;
  margin: 10px;
  position: right;
}
.header_black .a {
  color: #fff;
}
.header_black .menu .menu_item > .a:hover {
  color: #bf0614;
}
.content {
  height: 1500px;
  width: 100%;
  background: teal;
  z-index: -1;
}
.footer {
  position: relative;
  margin-bottom: 0px;
  width: 100%;
  height: 110px;
  bottom: 0;
  left: 0;
  background: #272727;
}
.footer .table {
  margin-top: 35px;
  margin-left: 50px;
  position: absolute;
  color: #8c8c8c;
  font-size: 12px;
  width: 680px;
}
.footer .table1 {
  position: absolute;
  margin-top: 35px;
  right: 35px;
  font-size: 12px;
  color: #cacaca;
}
.footer1 {
  height: 200px;
  width: 100%;
  background: #333333;
}
.footer1 .footer_menu .footer_item {
  float: left;
  color: #bf0614;
  font-weight: 900;
  font-size: 20px;
  list-style: none;
  margin-top: 28px;
  margin-left: 210px;
}
.footer1 .footer_menu .footer_item .footer_a {
  list-style: none;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-top: 15px;
}
.footer1 .footer_menu .footer_item .item_a {
  list-style: none;
  float: left;
  color: #000;
  font-size: 15px;
  display: balock;
}
.footer1 .footer_menu .footer_item .footer_tab {
  
  font-weight: 500;
  list-style: none;
  margin: 2px;
  color: #fff;
  font-size: 12px;
  word-break: break-all;
}
</style>
